* {
    padding: 0;
    margin: 0;
}
input{
    outline: none;
    
}
body{
    background-color: #ffffff;
}
.head {
    /* color: #fa983a; */
    width: 100%;
    display: block;
    text-align: center;
    font-size: 4em;
    font-family: 'Times New Roman', Times, serif;
}

.container{
    border-radius: 10px;
    /* background: rgba(238, 230, 215, 0.9); */
    width: 400px;
    height: 270px;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%,-50%);
}
.container>p{
    width: 100%;
}

.container input{
    border-radius: 10px;
    margin-top: 20px;
    width: 85%;
    height: 30px;
    font-size: 20px;
}

.container input:hover {
    transform: scale(1.05);
    border-color: #c0392b;
    transition: 0.05s;
}

.container input:focus {
    transition: 0.1s;
    border-color: #e67e22;
}
button{
    outline: none;
    border: 0;
    margin-top: 20px;
    width: 200px;
    height: 40px;
    background-color: #82ccdd;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: 0;
    border-radius: 10px;
}
button:hover {
    border: 2px solid #0c2461;
}
button:active {
    background-color: #2980b9;
}